{extend name='layui/base'/}

{block name="style"}
<style>

</style>
{/block}
{block name="main"}
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <a class="logo" href="/">
                <img src="//res.layui.com/images/layui/logo.png" alt="layui">
            </a>
            <div class="layui-form component">
                <select lay-search="" lay-filter="component">
                    <option value="">搜索组件或模块</option>
                    <option value="element/color.html">color 颜色</option>
                    <option value="element/icon.html">iconfont 字体图标</option>
                    <option value="element/button.html">button 按钮</option>
                    <option value="element/form.html">form 表单组</option>
                    <option value="element/form.html#input">input 输入框</option>
                    <option value="element/form.html#select">select 下拉选择框</option>
                    <option value="element/form.html#checkbox">checkbox 复选框</option>
                    <option value="element/form.html#switch">switch 开关</option>
                    <option value="element/form.html#radio">radio 单选框</option>
                    <option value="element/form.html#textarea">textarea 文本域</option>
                    <option value="element/nav.html">nav 导航菜单</option>
                    <option value="element/nav.html#breadcrumb">breadcrumb 面包屑</option>
                    <option value="element/tab.html">tabs 选项卡</option>
                    <option value="element/table.html">table 表格</option>
                    <option value="element/progress.html">progress 进度条</option>
                    <option value="element/collapse.html">collapse 折叠面板/手风琴</option>
                    <option value="element/auxiliar.html#blockquote">blockquote 引用块</option>
                    <option value="element/auxiliar.html#fieldset">fieldset 字段集</option>
                    <option value="modules/layer.html">layer 弹出层/弹窗综合</option>
                    <option value="modules/layim.html">layim 即时通讯/聊天</option>
                    <option value="modules/laydate.html">laydate 日期时间选择器</option>
                    <option value="modules/laypage.html">laypage 分页</option>
                    <option value="modules/laytpl.html">laytpl 模板引擎</option>
                    <option value="modules/form.html">form 表单模块</option>
                    <option value="modules/element.html">element 常用元素操作</option>
                    <option value="modules/layedit.html">layedit 富文本编辑器</option>
                    <option value="modules/upload.html">upload 文件/图片上传</option>
                    <option value="modules/tree.html">tree 树形菜单</option>
                    <option value="modules/util.html">util 工具集</option>
                    <option value="modules/flow.html">flow 信息流/图片懒加载</option>
                    <option value="modules/code.html">code 代码修饰</option>
                </select><div class="layui-unselect layui-form-select layui-form-selected"><div class="layui-select-title"><input type="text" placeholder="搜索组件或模块" value="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit"><dd lay-value="element/color.html" class="">color 颜色</dd><dd lay-value="element/icon.html" class="">iconfont 字体图标</dd><dd lay-value="element/button.html" class="">button 按钮</dd><dd lay-value="element/form.html" class="">form 表单组</dd><dd lay-value="element/form.html#input" class="">input 输入框</dd><dd lay-value="element/form.html#select" class="">select 下拉选择框</dd><dd lay-value="element/form.html#checkbox" class="">checkbox 复选框</dd><dd lay-value="element/form.html#switch" class="">switch 开关</dd><dd lay-value="element/form.html#radio" class="">radio 单选框</dd><dd lay-value="element/form.html#textarea" class="">textarea 文本域</dd><dd lay-value="element/nav.html" class="">nav 导航菜单</dd><dd lay-value="element/nav.html#breadcrumb" class="">breadcrumb 面包屑</dd><dd lay-value="element/tab.html" class="">tabs 选项卡</dd><dd lay-value="element/table.html" class="">table 表格</dd><dd lay-value="element/progress.html" class="">progress 进度条</dd><dd lay-value="element/collapse.html" class="">collapse 折叠面板/手风琴</dd><dd lay-value="element/auxiliar.html#blockquote" class="">blockquote 引用块</dd><dd lay-value="element/auxiliar.html#fieldset" class="">fieldset 字段集</dd><dd lay-value="modules/layer.html" class="">layer 弹出层/弹窗综合</dd><dd lay-value="modules/layim.html" class="">layim 即时通讯/聊天</dd><dd lay-value="modules/laydate.html" class="">laydate 日期时间选择器</dd><dd lay-value="modules/laypage.html" class="">laypage 分页</dd><dd lay-value="modules/laytpl.html" class="">laytpl 模板引擎</dd><dd lay-value="modules/form.html" class="">form 表单模块</dd><dd lay-value="modules/element.html" class="">element 常用元素操作</dd><dd lay-value="modules/layedit.html" class="">layedit 富文本编辑器</dd><dd lay-value="modules/upload.html" class="">upload 文件/图片上传</dd><dd lay-value="modules/tree.html" class="">tree 树形菜单</dd><dd lay-value="modules/util.html" class="">util 工具集</dd><dd lay-value="modules/flow.html" class="">flow 信息流/图片懒加载</dd><dd lay-value="modules/code.html" class="">code 代码修饰</dd></dl></div>
            </div>
            <ul class="layui-nav" pc="">
                <li class="layui-nav-item ">
                    <a href="/doc/">文档</a>
                </li>
                <li class="layui-nav-item layui-this">
                    <a href="/demo/">示例</a>
                </li>
                <!--<li class="layui-nav-item" pc>
                  <a href="/xx/" target="_blank">后台</a>
                </li>-->
                <li class="layui-nav-item" pc="">
                    <a href="http://fly.layui.com/" target="_blank">社区</a>
                </li>
                <li class="layui-nav-item" pc="">
                    <a href="javascript:;">周边<span class="layui-nav-more"></span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="http://layim.layui.com/" target="_blank">即时聊天</a></dd>
                        <dd><a href="http://fly.layui.com/jie/8157.html" target="_blank">社区模板</a></dd>
                        <dd><a href="http://fly.layui.com/jie/9842.html" target="_blank">Axure组件</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" mobile="">
                    <a href="javascript:;">更多<span class="layui-nav-more"></span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="http://fly.layui.com/" target="_blank">社区</a></dd>
                    </dl>
                </li>
                <span class="layui-nav-bar"></span></ul>
        </div>
    </div>
    <div class="layui-footer footer footer-demo">
        <div class="layui-main">
            <p>© 2017 <a href="/">layui.com</a> MIT license</p>
            <p>
                <a href="http://fly.layui.com/case/2017/" target="_blank">案例</a>
                <a href="http://fly.layui.com/jie/3147.html" target="_blank">捐赠</a>
                <!--<a href="javascript:layer.msg('暂无此页');">关于我们</a>-->
                <a href="mailto:xianxin@layui.com">联系</a>
                <a href="http://fly.layui.com/jie/4281.html" target="_blank">Git仓库</a>
                <a href="http://fly.layui.com/jie/2461.html" target="_blank">微信公众号</a>
            </p>
        </div>
    </div>
    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon"></i>
    </div>
    <div class="site-mobile-shade"></div>
</div>
{/block}